<!--
 * @Author: hrg
 * @Date: 2023-05-19 14:54:39
 * @LastEditTime: 2023-06-21 17:09:09
 * @FilePath: \go_gin\html\page\index.html
 * @Description: html的主页
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>主页</title>
  <link rel="stylesheet" href="../html/static/all.css">
  <script src="../html/static/all.js"></script>
</head>

<body>
  <h1>
    主页
  </h1>
  {{.msg}}

  <hr>
  <h2 id="name">user/add</h2>
  <form action="user/add" method="post">
    <p>用户名：</p><input type="text" name="username">
    <p>密码：</p><input type="password" name="password">
    <button type="submit">提交</button>

  </form>

  <hr>
  <h2>user/login</h2>
  <form action="user/login" method="post">
    <p>用户名：</p><input type="text" name="username">
    <p>密码：</p><input type="password" name="password">
    <button type="submit">提交</button>
  </form>


  <button> 点我一下试试 </button>
</body>
<script>
// 获取元素：
let a  = document.querySelectorAll('button')
console.log('123456',a);
// 获取最后一个button
let b = a[a.length-1]
console.log('987456',b);
b.setAttribute('style','color:skyblue;margin-top:12px')
b.addEventListener('mouseover',function (params) {
  console.log('*****');
})

</script>

</html>